import React from 'react';
import { Row, Col } from 'choerodon-ui';
import style from './index.less';

const GridGutter: React.FC = () => {
  return (
    <div>
      <Row className={style.row}>
        <Col className={style.col} span={8}>col-8</Col>
        <Col className={style.col} span={8} offset={8}>
          col-8
        </Col>
      </Row>
      <Row className={style.row}>
        <Col className={style.col} span={6} offset={6}>
          col-6 col-offset-6
        </Col>
        <Col className={style.col} span={6} offset={6}>
          col-6 col-offset-6
        </Col>
      </Row>
      <Row className={style.row}>
        <Col className={style.col} span={12} offset={6}>
          col-12 col-offset-6
        </Col>
      </Row>
    </div>
  );
};

export default GridGutter;